
<!DOCTYPE html>
<html lang="en">
	<head>
	<meta charset="utf-8">
	<title></title>
	<link rel='stylesheet' type='text/css' href='buttonbar.css' />
    <script type='text/javascript' src='../lib/jquery.js'></script>	
    <script type='text/javascript' src='buttonbar.js'></script>		
	</head>

	<body>								
    <div class="edit-head">
		<div class="edit-menubar">
			<div class="buttonbar-wrap" id="top_buttonbar">
				<a class='cui-btn-new' onclick="alert('a')">按钮a</a>
				<a class='cui-btn-new' onclick="alert('b')">按钮b</a>	
				<a class='cui-btn-new' onclick="alert('c')">按钮c</a>
				<a class='cui-btn-new' onclick="alert('d')">按钮d</a>
				<a class='cui-btn-new' onclick="alert('e')">按钮e</a>
				<a class='cui-btn-new' onclick="alert('f')">按钮f</a>	
				<a class='cui-btn-new' onclick="alert('g')">按钮g</a>
				<a class='cui-btn-new' onclick="alert('h')">按钮h</a>	
				<a class='cui-btn-new' onclick="alert('i')">按钮i</a>
				<a class='cui-btn-new' onclick="alert('j')">按钮j</a>
				<a class='cui-btn-new' onclick="alert('k')">按钮k</a>
				<a class='cui-btn-new' onclick="alert('l')">按钮l</a>
				<a class='cui-btn-new' onclick="alert('m')">按钮m</a>
				<a class='cui-btn-new' onclick="alert('n')">按钮n</a>
				<a class='cui-btn-new' onclick="alert('o')">按钮o</a>			
			</div>
		</div>
	</div>
	
	

	<script type="text/javascript">
	    var buttonBar1;
		$(document).ready(function(){
		  buttonBar1 = new TUY.ButtonBar({ panel: '#top_buttonbar' });
		});
	</script>
<body>
</html>





